Ext.define('planeOpeStats', {
	extend : 'Ext.panel.Panel',
	id : 'planeOpeStats',
	title : '无人机操作员统计',
	region : 'center',
	layout : 'border',

	// 图表展示（Tab）
	initComponent : function() {
		this.chartPanel = new Ext.ux.EChartsComponent({
					region : 'center',
					height : 200
				});
		this.items = [this.searchPanel, this.chartPanel];
		this.callParent();
		Ext.defer(function() {
					this.showChart();
				}, 200, this);
	},
	// 显示图表
	showChart : function(params) {
		params = params || {};
		var me = this;
		$postAjax({
			async : true,
			url : __ctxPath + '/wrjgk/planeOpeStats.do',
			params : params,
			callback : function(json) {
				console.log(json);
				me.chartPanel.chart.clear();
				var option = {
					tooltip : {
						trigger : 'axis'
					},
					grid : {
						y : 30,
						y2 : 80,
						x : 70,
						x2 : 40
					},
					backgroundColor : '#fff',
					xAxis : [{
								type : 'category',
								data : json.depName,
								axisLabel : {
									rotate : 45,
									textStyle : {
										fontWeight:'bold',
										color : '#000'
									}
								}
							}],
					yAxis : [{
								type : 'value'
							}],
					series : [{
								name : '操作员数',
								type : 'bar',
								data : json.datas,
								itemStyle : {
									normal : {
										color : function(params) {
											return App.colorList[params.dataIndex
													% 15]
										},
										label : {
											show : true,
											position : 'top',
											formatter : '{c}'
										}
									}
								}
							}]
				};
				me.chartPanel.chart.un('click');
				me.chartPanel.chart.setOption(option);
				me.chartPanel.chart.on('click', function(rec) {
					console.log(rec);
					new planeOpeDetail({
						path : rec.data.path
					}).show();
				})
			}
		});
	}
});
